<template>
    <div class="tab">
        <router-link tag="div" to="/" class="tab-item">商品</router-link>
        <router-link tag="div" to="/ratings" class="tab-item">评价</router-link>
        <router-link tag="div" to="/seller" class="tab-item">商家</router-link>
    </div>
</template>

<script>
    export default {
        name: "tab"
    }
</script>

<style scoped lang="stylus">
    @import "~@styles/variables.styl"
    .router-link-exact-active
        color:red
    .tab
        display: flex
        height: $fontSize*2
        line-height: $fontSize*2
        border-bottom:1px solid $borderColor
        .tab-item
            text-align:center
            flex: 1
</style>
